body {
	padding-top: 0px;
	margin: 0 auto;
}

* {
	font-family: PingFangSC-Light, Arial, Microsoft yahei, Tahoma, sans-serif !important;
}

#imgscode2 {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
}
.bgcolor-s3 {
	background: #fff!important;
}
.flexRow {
	display: flex;
	flex-wrap: wrap;
}

/* 2022新样式 */
.input_box .input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.input_box .input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.input_box .input::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.mar-bot {
	margin-bottom: 40px;
}

.font-color {
	color: #1d2662 !important;
}

.font-color1 {
	color: #1d297e !important;
}

.font-color2 {
	color: #69709d !important;
}

.site-sec span {
	white-space: nowrap;
}

.number-t1 {
	text-align: center;
	color: #00328e;
	font-size: 36px;
	font-weight: bold;
}

.number-t2 {
	text-align: center;
	color: #00328e;
	font-size: 20px;
	line-height: 20px;
}

.number-t3 {
	margin-top: 20px;
	text-align: center;
	color: #7384b4;
	font-size: 12px;
}

.number-w {
	box-shadow: 0px 0px 30px #35619c15;
	-moz-box-shadow: 0px 0px 30px #35619c15;
	-webkit-box-shadow: 0px 0px 30px #35619c15;
	background-color: #ffffff;
	padding: 30px 40px 40px 40px;
	margin-top: 40px;
	border-bottom: 2px solid #5394f7;
}

.number-more {
	font-size: 24px;
	font-weight: 300;
	vertical-align: top;
	margin-left: -6px;
}

.number-maxw {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.about-color .h_t1 {
	color: #333333;
	line-height: 40px;
}

.about-color .h_t1_aid {
	color: #333333;
}

.about-color {
	margin-bottom: 20px !important;
}

.about-img {
	width: 100%;
	text-align: center;
}

.about-sectitle {
	width: 100%;
	max-width: 1050px;
	text-align: center;
	color: #888888;
	font-size: 14px;
	line-height: 24px;
	margin: 0 auto;
	padding-bottom: 30px;
	padding-top: 0px;
}

.about-img .aboutqyc {
	width: 100%;
	max-width: 1100px;
}

.about-img .lcqyc {
	width: 100%;
	max-width: 1400px;
    margin: 0 auto;
}

.pd-site {
	padding-top: 40px;
}

.site-img-active {
	display: none;
}

.site-box:hover {
	box-shadow: 0px 0px 30px #35619c30;
	-moz-box-shadow: 0px 0px 30px #35619c30;
	-webkit-box-shadow: 0px 0px 30px #35619c30;
	cursor: pointer;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.site-box:hover .site-sec {
	color: #333333;
}

.site-box:hover .site-img-active {
	display: block;
}

.site-box:hover .site-img-defult {
	display: none;
}

.site-box {
	/* position: relative; */
	padding: 30px 20px 30px 30px;
	background-color: #ffffff;
	box-shadow: 0px 0px 30px #35619c15;
	-moz-box-shadow: 0px 0px 30px #35619c15;
	-webkit-box-shadow: 0px 0px 30px #35619c15;
	margin-bottom: 30px;
}

.site-img {
	margin-left: 20px;
	width: 90px;
	float: right;
	/* position: absolute;
	right: 10px;
	top: 10px; */
}

.site-img2 {
	margin-left: 10px;
	width: 110px;
	float: right;
}

.site-line {
	height: 1px;
	width: 100%;
	padding-top: 40px;
}

.site-title {
	padding-top: 20px;
	font-size: 20px;
	color: #333333;
}

.site-sec {
	font-size: 12px;
	color: #999999;
	line-height: 24px;
	padding-top: 24px;
	padding-bottom: 20px;
	padding-right: 20%;
}

.box_widthall {
	width: 100%;
}

.pagebox_PD {
	max-width: 1240px;
	margin: 0 auto;
}

.img-default {
	width: 38px;
}

.pcDisplay {
	display: block;
}

.mobile_dispare {
	display: none;
}

.value-box .pcDisplay {
	display: block;
}

.value-box .mbDisplay {
	display: none;
}

.navbar-brand .mbDisplay {
	display: none;
}

.nav .pcDisplay {
	display: block;
}

.nav .mbDisplay {
	display: none;
}

.mbDisplay {
	display: none;
}

.banner .container {
	position: relative;
}

.navbar-nav i {
	font-style: normal;
}

.banner-img {
	width: 1100px;
	position: absolute;
	right: -20%;
	bottom: -60%;
}

.banner-img3 {
	width: 1100px;
	position: absolute;
	right: -20%;
	bottom: -80%;
}


.banner-img-invoice {
	width: 500px;
	position: absolute;
	right: 50px;
	bottom: -70%;
}

.banner-img-cost {
	width: 600px;
	position: absolute;
	right: -2%;
	bottom: -50%;
}

.banner-img2 {
	display: none;
}

.qyc-img {
	padding: 0;
	/* background-color: #002578; */
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.page-moreBtn {
	text-align: center;
	margin-top: 20px;
}
.moreBtn {
  width: auto;
  border-radius: 8px;
}

.moreBtn a {
  display: inline-block;
  width: auto;
  height: 44px;
  line-height: 44px;
  padding: 0 36px;
  text-align: center;
  border-radius: 8px;
  color: #999;
  background: #FFF;
  font-size: 12px;
	margin-top: 36px;
  box-shadow: 0px 16px 64px 0px rgba(23, 74, 204, 0.12)
}

.moreBtn a:hover {
  background: #1663fc;
  color: #fff;
}
#NationalSite {
	width: auto;
	margin-top: 68px;
	margin-bottom: 100px;
}

.abouts_region {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	font-size: 16px;
	border-bottom: 2px solid #b2cfe6;
	line-height: 36px;
	margin-bottom: 12px;
	color: #086ed8;
	text-align: right;
}

.abouts_region2 {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	font-size: 16px;
	border-bottom: 2px solid #b2cfe6;
	line-height: 36px;
	margin-bottom: 12px;
	color: #086ed8;
	text-align: left;
}

.abouts_city {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	text-align: right;
	margin-bottom: 10px;
}

.abouts_city2 {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	text-align: left;
	margin-bottom: 10px;
}

.abouts_mechanism2 {
	width: 80%;
	min-height: 1px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.abouts_city2 span {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	font-size: 12px;
	color: #898989;
}

.max-w1000 {
	max-width: 1200px;
	margin: 0 auto;
}

.boxtype1 {
	cursor: pointer;
	position: relative;
	width: auto;
	min-height: 1px;
	/* overflow: hidden; */
	background-color: #ffffff;
	/* box-shadow: 0px 0px 20px #35619c30;
    -moz-box-shadow: 0px 0px 20px #35619c30;
    -webkit-box-shadow: 0px 0px 10px #35619c30; */
	/* padding: 20px 0px 2px 0px; */
	margin-bottom: 36px;
}

.case_line {
	height: 1px;
	background-color: #f1f3f8;
	width: 85%;
	margin: 0 auto;
}

/* .boxtype1:hover img{
	display: none;
}
.boxtype1:hover .caselist-text{
	-webkit-line-clamp: 30;
	font-size: 12px;
	line-height: 20px;
}
.boxtype1:hover .caselist-text2{
	display: none;
} */
.pagetitle {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	text-align: center;
	margin-bottom: 50px;
	margin-top: 50px;
}

.pagetitle_t1 {
	font-size: 28px;
	line-height: 48px;
	color: #000000;
}

.pagetitle_t2 {
	font-size: 12px;
	line-height: 18px;
	color: #666666;
}

.pagetitle span {
	display: block;
}

.caselist-tbox img {
	height: 50px;
}

.caselist-tbox {
	text-align: center;
}

.abouts_city span {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	font-size: 12px;
	color: #898989;
}

.caselist-ico {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
}

.caselist-name {
	width: auto;
	min-height: 1px;
	overflow: hidden;
	font-size: 16px;
	/* font-weight: bold; */
	line-height: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #333333;
}

.caselist-text {
	list-style: square;
	font-size: 13px;
	line-height: 24px;
	margin-bottom: 40px;
	color: #666666;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}

.caselist-text2 {
	position: absolute;
	left: 24px;
	bottom: 20px;
	list-style: square;
	font-size: 12px;
	line-height: 22px;
	color: #333;
	margin-top: 10px;
}

.boxtype2 {
	width: auto;
	min-height: 1px;
	overflow: hidden;
	background-color: #ffffff;
	box-shadow: 0px 0px 6px #35619c14;
	-moz-box-shadow: 0px 0px 6px #35619c14;
	-webkit-box-shadow: 0px 0px 6px #35619c14;
	padding: 30px 30px 20px 30px;
	margin-bottom: 30px;
}

.case-app-name {
	width: auto;
	min-height: 1px;
	overflow: hidden;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	color: #000;
}

.caseapp-text {
	list-style: square;
	font-size: 13px;
	line-height: 24px;
	color: #666666;
	margin-bottom: 10px;
}

.casepage_listBox ul li {
	list-style: none;
	font-size: 13px;
	color: #666;
	line-height: 24px;
}

.casepage_listBox ul {
	padding: 0px;
	padding: 14px 0px 10px 0px;
}

.pagemain3 {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	padding: 88px 0px 0px 0px;
}

.pagetbox {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}

.pagecontent {
	position: relative;
	width: 100%;
	/* height: 540px; */
	background: url(/images/test/bg_lineimg.jpg) center center;
	background-repeat: repeat-y;
	background-size: 2000px 100%;
}

.pagetbox-subtitle {
	text-align: center;
	font-size: 16px;
	line-height: 18px;
	color: #000000;
	display: block;
}

.pagetbox>span {
	display: block;
}

.pagetbox-title {
	display: block;
	font-size: 26px;
	line-height: 32px;
	color: #00328e;
	margin-bottom: 12px;
	font-weight: bold;
	text-align: center;
}

.pagecontent .swiper-container {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
}

.btnthumbs {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: #ffffff;
	padding-bottom: 24px;
}

.gallery-thumbs {
	width: auto;
	height: 36px;
	box-sizing: border-box;
	padding-right: 20px;
}

.gallery-thumbs .swiper-slide {
	width: auto !important;
	height: 100%;
	opacity: 0.9;
	cursor: pointer;
	padding: 0px 10px;
	font-size: 12px;
	margin-right: 5px !important;
	margin-top: 0px !important;
	line-height: 30px;
	text-align: center;
	background: #fff;
	border-radius: 4px;
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1;
	background: #1055bc !important;
	color: #fff;
}

.gallery-thumbs .swiper-slide:hover {
	opacity: 1 !important;
}

.solutions_element-main {
	padding-top: 164px;
	/* padding-left: 64px; */
}

.solutions_element-maintitle {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 16px;
	line-height: 28px;
}

.solutions_element-maindesc {
	width: 100%;
	margin-bottom: 36px;
}

.solutions_element-maindesc ul {
	list-style-type: disc;
	padding-left: 16px;
	max-width: 310px;
}

.solutions_element-maindesc ul li {
	font-size: 12px;
	line-height: 24px;
	color: #666666;
}

.invoice_element-main {
	padding-left: 10%;
	padding-top: 14%;
}

.mobile_element-main {
	padding-left: 0;
	padding-top: 0;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.invoice_element-main2 {
	padding-right: 10%;
	padding-top: 14%;
}

.invoice_element-maintitle {
	width: 100%;
	margin-bottom: 20px;
}

.invoice_element-maintitle span {
	display: block;
}

.invoice_element-t1 {
	font-size: 24px;
	font-weight: bold;
	color: #00328e;
	line-height: 28px;
	margin-bottom: 4px;
}

.invoice_element-t2 {
	font-size: 18px;
	color: #00328e;
	line-height: 28px;
	padding-bottom: 4px;
}

.invoice_element-maindesc {
	width: 100%;
	margin-bottom: 36px;
}

.invoice_element-maindesc ul {
	list-style-type: none;
	padding-left: 0px;
}

.invoice_element-maindesc ul li {
	font-size: 12px;
	line-height: 24px;
	color: #666666;
}

.invoice-content {
	padding-top: 60px;
	padding-bottom: 70px;
	border-bottom: 1px solid #c3d8f1;
}

.mobile-value {
	padding: 60px 0 80px;
}

.mobile-value-box {
	height: 100%;
	padding: 40px 0;
	border-radius: 10px;
	background-color: #f2f5f9;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.mobile-value-iconbox {
	height: 36px;
	width: 36px;
	padding: 4px;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s linear;
}

.mobile-value-icon {
	width: 100%;
	height: 100%;
	background-image: url(/images/mobile/icon.png);
	background-size: 200% 400%;
}

.mobile-value-icon1 {
	background-position: 0px 0px;
}

.mobile-value-icon2 {
	background-position: 0px -28px;
}

.mobile-value-icon3 {
	background-position: 0px -56px;
}

.mobile-value-icon4 {
	background-position: 0px -84px;
}

.mobile-value-title {
	color: #110428;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 24px;
	margin-top: 16px;
}

.mobile-value-desc {
	width: 80%;
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.mobile-value-more {
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	margin-top: 36px;
}

.mobile-value-box:hover .mobile-value-iconbox {
	background-color: #2c6ae1;
}

.mobile-value-box:hover .mobile-value-icon {
	background-position-x: -28px !important;
}


.pageelement-s1-line {
	width: auto;
	min-height: 1px;
	overflow: hidden;
}

.pageelement-s1-line-l1 {
	width: 24px;
	height: 3px;
	background-color: #36b219;
}

.pageelement-s1-line span {
	display: block;
	float: left;
}

.pageelement-s1-line-l2 {
	width: 24px;
	height: 3px;
	background-color: #124ebd;
}

.solutions_element-img img {
	width: 88%;
}

.solutions_element-img {
	width: 100%;
	text-align: center;
	padding-top: 100px;
}

.structure {
	margin: 40px auto;
	padding-bottom: 30px;
	text-align: center;
	width: 100%;
	max-width: 1000px;
}

.structure-img {
	text-align: center;
	width: 100%;
	border-radius: 30px;
	padding: 0;
	background-color: #ffffff;
	box-shadow: 0px 10px 24px rgb(69 128 225 / 15%);
	-moz-box-shadow: 0px 10px 24px rgba(69, 128, 225, .15);
	-webkit-box-shadow: 0px 10px 24px rgb(69 128 225 / 15%);
}

.structure img {
	width: 100%;
}

.btnthumbs .swiper-wrapper {
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.homeCase-logo img {
	background-color: #ffffff;
	border: 1px solid #f2f5fa;
	border-radius: 4%;
	/* max-height: 60px; */
	width: 32.3%;
	padding: 16px 6px;
}

.homeCase-logo li {
	margin-bottom: 4px;
}

.homeCase-logo ul {
	padding: 0px;
}

.homeCase-title {
	width: 100%;
	font-size: 14px;
	color: #666666;
	padding: 16px 0px;
	text-align: center;
}

.caseBg {
	padding-bottom: 30px;
}

.caseBg:hover {
	background-color: #f2f5fa;
}

.row .counter img {
	width: 32px;
	height: 32px;
}

.row .counter {
	padding: 26px 0px 40px 0px;
	border-radius: 5px;
	border-bottom: 4px solid #5986e3;
}

.trade-basic-line2 {
	height: 68px;
	line-height: 68px;
	font-size: 16px;
	color: #fff;
	background: #27468b;
	border: none;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 6px;
}

.trade-basic-line0 .pd0 {
	padding: 0 3px;
}

.trade-basic .pd4 {
	padding: 0 4px;
}

.trade-basic-line1 {
	width: 100%;
	margin-bottom: 6px;
	padding: 0 3px;
}

.trade-basic-line1>img {
	width: 100%;
}

.pagecontent2 {
	width: 100%;
}

.casepage_listBox {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	position: relative;
}

.casepage_list_icon {
	width: 46px;
	min-height: 1px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}

.casepage_list {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	border-top: 1px solid #034ea2;
}

.casepage_list_name {
	width: 64%;
	min-height: 1px;
	overflow: hidden;
	padding: 20px 12px 40px 0px;
	font-size: 14px;
	color: #004ca7;
	font-weight: bold;
	float: left;
	margin-left: 48px;
}

.casepage_list_icon img {
	width: 30px;
	margin-top: 14px;
}

.casepage_list2 {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	border-top: 1px solid #034ea2;
	border-bottom: 1px solid #034ea2;
}

.pg5_l_bg {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	background-color: rgb(246, 248, 250);
}
.pg5_l_bg2 {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	background-color: rgb(255, 255, 255);
}
.video_bg2{
	background-color: rgb(255, 255, 255);
}
.pg5_Rspacing {
	padding: 50px 40px 30px 20px;
}

.pg5_Rspacing p {
	font-size: 12px;
	margin-bottom: 3px;
}

.pg5_Rtitle {
	width: 100%;
	min-height: 1px;
	padding-bottom: 20px;
	font-size: 24px;
	color: #000;
	border-bottom: 1px solid rgb(227, 233, 241);
}

.pg5_Rtext {
	padding-top: 12px;
}

.pg5_Rtext span {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	font-size: 12px;
	color: #333;
	line-height: 20px;
	text-align: justify;
}

.pg5_Rtext .t1 {
	font-size: 12px;
	opacity: 1 !important;
}

.pagetbox-desc2 {
	display: block;
	max-width: 700px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 18px;
}

.h_box {
	width: 100%;
	overflow: hidden;
}

.h_box h1 {
	margin: 0;
}

.h_box .navbar-brand {
	width: 104px;
	padding: 8px 0 0 15px !important;
}

.bannertitle-t1 i {
	font-style: normal !important;
}

.difficulty-box {
	text-align: center;
	overflow: hidden;
	margin-top: 20px;
	/* border-radius: 10px;
	padding:6px; */
	/* background-color: #002578; */
	background-color: #f2f6fa;
	/* box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
	-moz-box-shadow: 0px 2px 24px rgba(48, 92, 218, .08);
	-webkit-box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s; */
}

.difficulty-box .img-active {
	display: none;
}

.difficulty-img {
	padding: 20px 0px 16px 0px;
	text-align: left;
}

.difficulty-title {
	padding: 20px 30px 50px 30px;
	text-align: left;
	color: #00328e;
	font-size: 18px;
}

.difficulty-title span {
	display: block;
}

.difficulty-title .t2 {
	padding-top: 26px;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #878e99;
}

.difficulty-title .t3 {
	font-size: 16px;
	line-height: 18px;
	text-align: justify;
	color: #333333;
}

.home-structure {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.value-icon {
	position: absolute;
	left: 20px;
	top: 26px;
	width: 30px;
	text-align: left;
}

.value-icon img {
	width: 100%;
}

.value-content {
	width: 100%;
	margin: 0 auto;
}

.value-title {
	width: auto;
	padding: 29% 0px 20px 0px;
	color: #1a2d4b;
	font-size: 18px;
	background-color: #ffffff;
}

.value-title2 {
	width: auto;
	padding: 20px 0px 20px 0px;
	text-align: center;
	color: #1a2d4b;
	font-size: 18px;
	background-color: #ffffff;
}

.value-title2 .t2 {
	padding-top: 6px;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #878e99;
}

.text-align-left {
	text-align: left;
}

.text-align-right {
	text-align: right;
}

.value-title2 span {
	display: block;
}

.value-title span {
	display: block;
}

.value-title .t2 {
	padding-top: 6px;
	font-size: 12px;
	line-height: 18px;
	color: #878e99;
}

.value-box {
	position: relative;
	text-align: center;
	overflow: hidden;
	/* margin-top: 20px;
	border-radius: 10px; */
	padding: 0px;
	/* background-color: #ffffff; */
	/* box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
	-moz-box-shadow: 0px 2px 24px rgba(48, 92, 218, .08);
	-webkit-box-shadow: 0px 2px 24px rgb(48 92 218 / 8%); */
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.value-img {
	padding: 0;
	width: 100%;
	text-align: center;
}

.value-img img {
	max-width: 700px;
	width: 100%;
}

.count-title {
	color: #333333 !important;
	font-weight: bold !important;
}

.invoice-img a {
	display: block;
}

.invoice-img {
	border: 10px solid #f7faff;
	border-radius: 10px;
	box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
	-moz-box-shadow: 0px 2px 24px rgba(48, 92, 218, .08);
	-webkit-box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
}

.case-sectionImg {
	max-width: 760px;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 10px solid #f7faff;
	border-radius: 10px;
	box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
	-moz-box-shadow: 0px 2px 24px rgba(48, 92, 218, .08);
	-webkit-box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
}

.invoice-imgMb {
	border: 6px solid #f7faff !important;
	float: left;
	width: 30%;
	margin-left: 2%;
}

.invoice-line {
	height: 1px;
	background-color: #c3d8f1;
	margin-top: 10px;
}

.case2-line {
	height: 1px;
	background-color: #c3d8f1;
	margin-bottom: 30px;
}

.invoice-pointBox {
	margin-top: -6px;
	width: 100%;
	overflow: auto;
	/* text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center; */
}

.cost .invoice-point {
	width: 530px;
}

.archives .invoice-point {
	width: 400px;
}

.invoice-point {
	text-align: center;
	width: 600px;
	display: block;
	background-color: #ffffff;
	margin: 24px auto;
	border-radius: 6px;
	padding: 8px 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #2b3466;
	box-shadow: 0px 2px 10px rgb(48 92 218 / 10%);
	-moz-box-shadow: 0px 2px 10px rgba(48, 92, 218, .10);
	-webkit-box-shadow: 0px 2px 10px rgb(48 92 218 / 10%);
}

.invoice-point1 {
	text-align: center;
	width: 850px;
	display: block;
	background-color: #ffffff;
	margin: 24px auto;
	border-radius: 6px;
	padding: 8px 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #2b3466;
	box-shadow: 0px 2px 10px rgb(48 92 218 / 10%);
	-moz-box-shadow: 0px 2px 10px rgba(48, 92, 218, .10);
	-webkit-box-shadow: 0px 2px 10px rgb(48 92 218 / 10%);
}

.technology-w {
	max-width: 1200px;
}

.case-sectionTitle {
	color: #444;
	width: 100%;
	font-size: 18px;
	margin: 0px 0 10px 0;
	padding-left: 28px;
	position: relative;
}

.case-sectionTitle2 {
	margin-top: 30px;
}

.case-sectionTitle:after {
	content: '';
	position: absolute;
	bottom: 3px;
	left: 15px;
	width: 16px;
	height: 16px;
	background-image: url(../images/case/list1.png);
	margin-left: -14px;
}

.case-sectionTitle2:after {
	content: '';
	position: absolute;
	bottom: 3px;
	left: 15px;
	width: 16px;
	height: 16px;
	background-image: url(../images/case/list2.png);
	margin-left: -14px;
}

.case-sectionDes {
	color: #7a7a7a;
	width: 100%;
	font-size: 14px;
	line-height: 1.6em;
	text-align: justify;
}

/* 注册部分 */
.bgcolor-submit {
	background-color: #014ea9;
	/* background: url(/images/second_banner_footer.jpg) center bottom #02021c; */
	background-repeat: no-repeat;
	background-size: auto 480px;
}

.pagemain_submit {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	padding: 60px 0px 50px;
}

.pagetbox_submit {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 20px;
	text-align: center;
}

.pagetbox-title {
	font-size: 28px;
	line-height: 32px;
	color: #000;
	margin-bottom: 4px;
	font-weight: bold;
}

.title_color {
	color: #fff;
	line-height: 26px;
	font-size: 26px;
}

.pagetbox-title i {
	display: block;
	font-style: normal;
}

.title_color2 {
	color: #fff;
	opacity: 0.5;
	font-size: 12px;
}

.pagetbox-desc {
	font-size: 14px;
	line-height: 24px;
}

.submit_box {
	width: 90%;
	margin: 0 auto;
}

.input_box {
	position: relative;
	width: 20%;
	float: left;
	margin: 0px 0.5% 8px;
}

.input_box .input {
	width: 100%;
	height: 44px;
	border: 1px solid rgba(255, 255, 255, .48);
	border-radius: 4px;
	text-indent: 12px;
	background: #004ea9;
	color: #fff;
	outline: none;
}

.input_box input,
select {
	width: 100%;
	font-size: 12px !important;
	color: #fff;
	border: 1px solid rgba(255, 255, 255, .48);
}

.box_size {
	width: 28%;
}

.submit_button {
	width: 150px;
	margin: 0 auto;
	margin-top: 20px;
}

.submit {
	display: block;
	height: 44px;
	background-color: #107eec;
	color: #ffffff !important;
	font-size: 14px;
	text-align: center;
	line-height: 44px;
	border-radius: 6px;
}

.pagetbox-title l {
	display: none;
}

.pagecontent2 {
	width: 100%;
	min-height: 1px;
	/* overflow: hidden; */
}

.invoice_element-main3 {
	padding-right: 10%;
	padding-top: 34%;
}

.input_box a {
	padding: 0 20px;
	position: absolute;
	right: 0;
	top: 0;
	color: rgba(255, 255, 255, 0.5);
	display: block;
	height: 44px;
	line-height: 44px;
	border-left: 1px solid rgba(255, 255, 255, .48);
	font-size: 12px;
}

.input_box a:hover {
	color: rgba(255, 255, 255, 1) !important;
}


.lc-video-box {
	background-color: #f3f5f9;
	border-radius: 6px;
	overflow: hidden;
}

.lc-video-box .rightbox {
	display: flex;
	flex-direction: column;
	padding: 30px 30px;
	padding-left: 16px;
}

.lc-video-box .rightbox .tag {
	font-size: 14px;
	color: #333;
	line-height: 24px;
	margin-bottom: 10px;
}

.lc-video-box .rightbox .title {
	position: relative;
	font-size: 24px;
	color: #000;
	line-height: 28px;
	font-weight: 600;
}

.lc-video-box .rightbox .title::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 4px;
	width: 36px;
	border-radius: 4px;
	background-color: #1d58ae;
}

.lc-video-box .rightbox .desc {
	width: 90%;
	font-size: 13px;
	line-height: 22px;
	color: #999;
	margin-top: 36px;
}

.lc-video-box .rightbox a {
	margin-top: 32px;
	width: 120px;
	color: #333;
	border-radius: 6px;
	font-size: 12px;
	line-height: 36px;
	text-align: center;
	border: 1px solid #999;
}

.lc-video-box .rightbox a:hover {
	background-color: #1d58ae;
	color: #fff;
}

#formsubmit {
	overflow: hidden;
}

#ptelnum::-webkit-input-placeholder {
	/* Edge */
	color: #fff;
	opacity: 0.8;
}

#ptelnum::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
	opacity: 0.8;
}

#ptelnum::placeholder {
	color: #fff;
	opacity: 0.8;
}

#name::-webkit-input-placeholder {
	/* Edge */
	color: #fff;
	opacity: 0.8;
}

#name::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
	opacity: 0.8;
}

#name::placeholder {
	color: #fff;
	opacity: 0.8;
}


#company::-webkit-input-placeholder {
	/* Edge */
	/* color: #d1dbf6; */
	color: #fff;
	opacity: 0.8;
}

#company::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
	opacity: 0.8;
}

#company::placeholder {
	color: #fff;
	opacity: 0.8;
}

#mobile::-webkit-input-placeholder {
	/* Edge */
	color: #fff;
	opacity: 0.8;
}

#mobile::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
	opacity: 0.8;
}

#mobile::placeholder {
	color: #fff;
	opacity: 0.8;
}

#code::-webkit-input-placeholder {
	/* Edge */
	color: #fff;
	opacity: 0.8;
}

#code::-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #fff;
	opacity: 0.8;
}

#code::placeholder {
	color: #fff;
	opacity: 0.8;
}

/* 注册部分结束 */
/* 2022新样式结束 */

/* ---set---*/
img {
	border: 0;
	max-width: 100%;
}

.width_Full {
	width: 100%;
}

.space-sep20 {
	clear: both;
	display: block;
	height: 20px;
}

.space-sep30 {
	clear: both;
	display: block;
	height: 30px;
}

.space-sep40 {
	clear: both;
	display: block;
	height: 40px;
}

.space-sep50 {
	clear: both;
	display: block;
	height: 50px;
}

.space-sep60 {
	clear: both;
	display: block;
	height: 60px;
}

.space-sep70 {
	clear: both;
	display: block;
	height: 70px;
}

.space-sep80 {
	clear: both;
	display: block;
	height: 80px;
}

.space-sep90 {
	clear: both;
	display: block;
	height: 90px;
}

.space-sep100 {
	clear: both;
	display: block;
	height: 100px;
}

.pd20 {
	padding: 20px 0px 30px 0px;
}

.home-divider {
	margin: 40px 0;
}

.home-divider2 {
	margin-top: 20px;
	margin-bottom: 30px;
}

.home-divider3 {
	margin-top: 100px;
	margin-bottom: 0px;
}

.clear {
	clear: both;
}

/* ---set./---*/

/* ---public---*/
#content {
	width: 100%;
	min-height: 1px;
}

.pagebox {
	width: 100%;
}

#scroll {
	position: fixed;
	bottom: 30px;
	right: 50px;
	z-index: 1000;
}

.scrollItem {
	width: 100%;
	height: 96px;
	cursor: pointer;
	text-align: center;
	padding-top: 12px;
}

.scrollItem:hover {
	opacity: 0.8;
}

.carousel-content {
	color: #fff;
	text-align: left;
	margin-top: 0px;
}

.carousel-content .sub-btn-slide {
	margin-top: 12px;
}

.btn-slide {
	font-size: 16px;
	border: 1px solid #fff;
	background-color: rgba(40, 113, 213, .3);
	color: #fff;
	border-radius: 4px;
	margin-top: 20px;
	display: inline-block;
	width: 200px;
	height: 38px;
	line-height: 37px;
	text-align: center;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

.btn-slide:hover {
	color: #2871d5;
	background-color: #fff;
	text-decoration: none;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

.btn-more {
	font-size: 16px;
	border: 1px solid #d7d7d7;
	color: #ffffff;
	border-radius: 4px;
	margin-top: 60px;
	display: inline-block;
	width: 200px;
	height: 38px;
	line-height: 37px;
	text-align: center;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

.btn-more:hover {
	color: #fff;
	background-color: #2c58c1;
	border: 1px solid #2c58c1;
	text-decoration: none;
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

/* public-title */
.title_cterbox {
	width: 100%;
	min-height: 1px;
	margin-top: 150px;
	margin-bottom: 10px;
}

.pg2 .sectitle {
	width: 700px;
	text-align: center;
	color: #777777;
	font-size: 12px;
	padding-top: 0px;
}

.pg-difficulty .sectitle {
	width: 700px;
	text-align: center;
	color: #7087b2 !important;
	font-size: 12px;
	padding-top: 0px;
}

.newP1 .sectitle {
	width: 100%;
	text-align: center;
	color: #777777;
	font-size: 12px;
	padding-top: 0px;
}

.sectitle {
	/* border-top: 1px solid #dddddd; */
	/* margin: 0 auto; */
	width: 700px;
	text-align: center;
	color: #999999;
	font-size: 12px;
	margin: 0 auto;
	padding-bottom: 50px;
	padding-top: 0px;
}

.h_t {
	color: #00328e;
	/* color:#2871d5; */
	font-size: 28px;
	line-height: 28px;
	text-align: center;
	font-weight: bold;
}

.h_t1 {
	color: #00328e;
	font-weight: bold;
}

.h_t2 {
	color: #fff;
}

.pg-difficulty .h_t1 {
	color: #ffffff;
	font-weight: bold;
}

.h_t_aid {
	vertical-align: bottom;
	color: #00328e;
	line-height: 16px;
	margin-top: 4px;
	text-align: center;
	font-size: 16px;
}

.pg-difficulty .h_t1_aid {
	color: #ffffff;
}

.h_t1_aid {
	color: #00328e;
}

.h_t2_aid {
	color: #dae6f5;
}

/* public-title./ */
.mian_contentbox {
	width: 100%;
	min-height: 1px;
}

.mian_contentbox_tbox {
	width: 100%;
	padding-left: 50px;
	padding-right: 50px;
}

.mian_contentbox_t1 {
	color: #4b565c;
	width: 100%;
	font-size: 1.6em;
	padding: 30px 0px 15px 0px;
}

.mian_contentbox_t2 {
	color: #999;
	width: 100%;
	font-size: 1em;
	line-height: 1.6em;
}

.mian_contentbox_img {
	width: 100%;
}

/* ---public./---*/

/* ---PG1---*/
.pg1 {
	background: #fff;
	min-height: 1px;
	padding-bottom: 100px;
}

.newP1 {
	padding-bottom: 150px;
	padding-top: 40px;
}

.banner {
	width: 100%;
	height: 650px;
	position: relative;
	background-image: url(/images/test/banner_index3.jpg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.banner_home {
	height: 700px;

}

.banner-archives {
	background-image: url(/images/archives/banner.jpg) !important;
}

.banner-about {
	background-image: url(/images/test/banner_about.jpg) !important;
}

.banner-tec {
	background-image: url(/images/test/banner_tec.jpg) !important;
}

.banner-country {
	background-image: url(/images/test/banner_country.jpg) !important;
}

.banner-invoice {
	background-image: url(/images/invoice/banner.jpg) !important;
}

.banner-project {
	background-image: url(/images/project/banner.jpg) !important;
}

.banner-reimburse {
	background-image: url(/images/reimburse/banner.jpg) !important;
}

.banner-mobile {
	background-image: url(/images/mobile/banner.jpg) !important;
}

.banner-cost {
	background-image: url(/images/cost/banner.jpg) !important;
}

.banner-dynamic {
	background-image: url(/images/dynamic/banner.jpg) !important;
}

#content .case_banner {
	width: 100%;
	overflow: hidden;
	background-image: url(../images/test/banner_case.png) !important;
	background-size: auto 100%;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-color: #012192;
	position: relative;
	height: 650px;
}

.banner2 {
	width: 100%;
	height: 700px;
	background-color: #082f87;
	position: relative;
	background-image: url(/images/test/banner_index3.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

#content .s_banner {
	width: 100%;
	height: 500px;
	background-color: #121a4a;
	position: relative;
	background-image: none;
}

.img_state {
	margin-top: 20px;
	/* background-color: #002578; */
	-webkit-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.pg1_icon {
	border-radius: 50%;
	display: block;
	font-size: 16px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	margin-top: 20px
}

.pg1_text {
	margin: 20px 0px;
}

.pg1_text h3 {
	color: #333;
	font-size: 23px;
	font-size: 18px;
}

.pg1_text p {
	color: #7a7a7a;
	font-size: 14px;
	padding-top: 5px;
	/* word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; */
}

/*two columns content start*/

.twocol_content {
	display: block;
	text-align: left;
	padding-bottom: 20px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.twocol_content_img {
	max-width: 100%;
	/* margin-left: auto; */
	margin-right: auto;
}

.twocol_content .caption {
	max-width: 100%;
	color: #7a7a7a;
	font-size: 14px;
}

.twocol_content h3 {
	color: #444;
	font-size: 23px;
	font-size: 18px;
	text-align: center;
	/*font-weight: 800;*/
}




/* invoice */



.invoice-box-icon {
	text-align: center;
	overflow: hidden;
	background-color: rgb(255 255 255 / 0.5);
	height: 250px;
	margin: 80px 0px 100px;
}

.invoice-img-icon {
	padding: 20px 0px 16px 0px;

}

.img-icon {
	width: 80px;
}

.invoice-title {
	padding: 20px 30px 50px 30px;
	text-align: center;
	color: #00328e;
	font-size: 18px;
}

.invoice-title span {
	display: block;
}

.invoice-title .t2 {
	padding-top: 26px;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #878e99;
}

.invoice-title .t3 {
	font-size: 13px;
	line-height: 18px;
	text-align: justify;
	text-align: center;
	color: #333333;
}


@media (max-width: 767px) {
	.input_box .input::-webkit-input-placeholder {
		color: #999999;
	}

	.input_box .input::-moz-placeholder {
		color: #999999;
	}

	.input_box .input::-ms-input-placeholder {
		color: #999999;
	}

	.site-img {
		display: none;
	}

	.site-img2 {
		display: none;
	}

	.banner {
		background-size: auto 100%;
		background-position: 60% 100% !important;
	}

	.banner-reimburse {
		background-position: 65% 100% !important;
	}

	.banner-project {
		background-position: 57% 100% !important;
	}

	.banner-tec {
		background-position: 70% 100% !important;
		background-image: url(/images/test/banner_tecm.jpg) !important;
	}


	.banner-archives {
		background-position: 65% 100% !important;
		background-image: url(/images/archives/bannerm.jpg) !important;
	}

	.banner-cost {
		background-position: 60% 100% !important;
		background-image: url(/images/cost/bannerm.jpg) !important;
	}

	.bannertitle-t4 {
		display: none !important;
	}

	.newP1 {
		padding-top: 10px;
	}


	#topnav_secondDiv {
		background-color: #ffffff;
	}

	#navbar1 {
		position: fixed !important;
		background-color: #ffffff;
	}

	.twocol_content_img {
		max-width: 100%;
		padding: 15px 0px;
	}

	.twocol_content .caption {
		max-width: 100%;
		padding: 0px 0px;
		text-align: left;
	}

	.lc-video-box .rightbox {
		padding: 24px 16px;
	}

	.lc-video-box .rightbox .tag {
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 6px;
	}

	.lc-video-box .rightbox .title {
		font-size: 18px;
		line-height: 24px;
	}

	.lc-video-box .rightbox .title::after {
		bottom: -12px;
		height: 2px;
		width: 32px;
	}

	.lc-video-box .rightbox .desc {
		width: 100%;
		font-size: 12px;
		line-height: 20px;
		margin-top: 28px;
	}

	.lc-video-box .rightbox a {
		display: none;
		margin-top: 20px;
		width: 100px;
		line-height: 32px;
	}
	.moreBtn {
    display: none;
  }
}

/*two columns content end*/

/* ---PG1./---*/
.headlogoline {
	width: 1px;
	height: 26px;
	display: block;
	float: left;
	background-color: #dcdcdc;
	margin: 16px 4px 0px 0px;
}

.carousel-content {
	color: #fff;
	text-align: left;
	margin-top: 150px;
}

.project-content {
	color: #fff;
	text-align: left;
	margin-top: 100px;
}

.banner_padding {
	padding-top: 80px;
}

.bannertitle {
	width: auto;
	min-height: 1px;
	position: relative;
}

.bannertitle span {
	display: block;
	position: relative;
	z-index: 2;
}

.bannertitle-t2 {
	color: rgba(255, 255, 255, .8);
	font-size: 20px;
	line-height: 48px;
}

.bannertitle-t1 {
	font-size: 40px;
	color: #FFF;
	font-weight: bold;
	line-height: 60px;
	/* margin-top: 14px; */
}

.bannertitle-t3 {
	color: #ffffff;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 10px;
}

.bannertitle-t4 {
	color: rgba(255, 255, 255, .4);
	font-size: 12px;
	line-height: 18px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.secondtitle-t1 {
	font-size: 38px;
	color: #FFF;
	font-weight: bold;
	line-height: 60px;
}

/* ---PG2---*/
.pg2 {
	background: #f2f5fa;
	min-height: 1px;
	padding-bottom: 100px;
}

.pg-difficulty {
	background-image: url(../images/test/jiagoubg.jpg) !important;
	background-repeat: no-repeat;
	background-size: cover;
}


/****************************
Technical characteristics     Application area  
***************************************************/

.right-text {
	text-align: right;
}

ul.icon-content-list-container {
	padding: 0;
	list-style-type: none;
}

ul.icon-content-list-container li.icon-content-single {
	margin: 0 0 20px 0;
	list-style-type: none;
}

ul.icon-content-list-container li.icon-content-single:last-child {
	margin-bottom: 0;
}

.content-box {
	overflow: hidden;
	margin-bottom: 15px;
}

.content-box .h4-body-title {
	margin: 0;
	line-height: 60px;
	margin-bottom: 5px;
	color: #333;
	font-size: 16px;
}

.content-box.big span {
	/* 	border: 1px solid;
	border-color: #2871d5;  */
	float: left;
	margin: 2px 20px 0 0;
	border-radius: 50%;
	display: block;
	font-size: 22px;
	width: 80px;
	height: 80px;
	line-height: 60px;
	background-size: cover;
}

.content-box.big h4 {
	color: #333;
}

.content-box.big span:hover {
	background-repeat: no-repeat;
}

.content-box.big span.character_icon1 {
	background: url(../images/home/character_icon1.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon2 {
	background: url(../images/home/character_icon2.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon3 {
	background: url(../images/home/character_icon3.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon4 {
	background: url(../images/home/character_icon4.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon5 {
	background: url(../images/home/character_icon5.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon6 {
	background: url(../images/home/character_icon6.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon7 {
	background: url(../images/home/character_icon7.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon8 {
	background: url(../images/home/character_icon8.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon1:hover {
	background: url(../images/home/character_icon1_h.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon2:hover {
	background: url(../images/home/character_icon2_h.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon3:hover {
	background: url(../images/home/character_icon3_h.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon4:hover {
	background: url(../images/home/character_icon4_h.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon5:hover {
	background: url(../images/home/character_icon5_h.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon6:hover {
	background: url(../images/home/character_icon6_h.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon7:hover {
	background: url(../images/home/character_icon7_h.png)no-repeat center center;
	background-size: cover;
}

.content-box.big span.character_icon8:hover {
	background: url(../images/home/character_icon8_h.png)no-repeat center center;
	background-size: cover;
}

.content-box .content-box-text {
	color: #666;
	line-height: 20px;
	margin-left: 0;
	margin-right: 80px;
}

ul.icon-content-list-container li.icon-content-single .content-box .h4-body-title span {
	margin-top: 14px;
}

ul.icon-content-list-container li.icon-content-single .content-box-text {
	margin-top: -14px;
}

.right-text ul.icon-content-list-container li.icon-content-single .h4-body-title span {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}

/****************************
Technical characteristics     Application area  END 
***************************************************/

/* ---PG2./---*/
.fapiao_box {
	background: #fff;
	padding: 2%;
	margin: 20px;
	border-radius: 20px;
	border: 1px dashed #7dadff;
}

.col-XC-environment-img {
	width: 50%;
	float: left;
}

.col-XC-environment {
	width: 25%;
	float: left;
}

.XC_environment_text {
	margin-top: 0%;
}

.open_icon_box {
	display: none;
}

.XC_solutions_textbox span {
	display: block;
}

.XC_solutions_text_desc1 {
	font-size: 12px;
	line-height: 20px;
	color: #878e99;
	margin-bottom: 20px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box !important;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.XC_solutions_text_title {
	width: auto;
	min-height: 1px;
	overflow: hidden;
	font-size: 18px;
	color: #1a2d4b;
	font-weight: bold;
	line-height: 20px;
	margin-bottom: 10px;
}

.XC_solutions_textR {
	text-align: right;
	margin-left: 10%;
	margin-top: 10%;
}

.XC_solutions_textL {
	text-align: left;
	margin-right: 10%;
	margin-top: 10%;
}

.open_img_box2 {
	width: 90%;
	margin: 0 auto;
}

.XC_environment_text {
	margin-top: 0%;
}

.XC_solutions_textbox {
	width: auto;
	min-height: 1px;
	overflow: hidden;
}

/* ---PG2./---*/

/* ---PG3---*/
.pg3 {
	background: #fff;
	min-height: 1px;
	padding-bottom: 100px;
}

.pg3_icon {
	border-radius: 50%;
	display: block;
	font-size: 16px;
	width: 60px;
	height: 60px;
	line-height: 60px;
	margin: 0 auto;
	margin-top: 20px
}

.pg3_text {
	margin-top: 10px;
}

.pg3_text h3 {
	color: #333;
	font-size: 18px;
}

.pg3_text p {
	color: #7a7a7a;
	font-size: 14px;
	padding-top: 5px;
}

/* ---PG3./---*/

/* ---PG4---*/
.pg4 {
	width: 100%;
	min-height: 1px;
	background: #f3f5f9;
	padding-bottom: 40px;
}

.appcaselogo {
	border: 1px solid #eee;
	border-radius: 4%;
	/* max-height: 60px; */
	display: block;
	margin: 0 auto 20px;
}

/* ---PG4./---*/
#pcbutton {
	width: 140px;
	display: block;
	margin-top: 30px;
}

.pcbutton {
	display: block;
	float: left;
}

#phonebutton {
	display: none;
}

/* ---video 样式---*/

.video_thum {
	display: block;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.video_border {
	margin: 60px 0px 100px;
	background: #f7f8fa;
}

.pg5_l_bg {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
}

.pg5_Rspacing {
	padding: 80px 60px 50px 30px;
}

.pg5_Rtitle {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	padding-bottom: 20px;
	font-size: 26px;
	color: #333;
}

.pg5_Rtext {
	width: 100%;
	min-height: 1px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	line-height: 28px;
	opacity: 0.7;
}

.video_other_btn {
	display: block;
	margin-top: 30px;

}

.video_other_btn a {
	display: inline-block;
	padding: 12px 32px;
	border: 1px solid #224ea3;
	border-radius: 4px;
	line-height: 12px;
	font-size: 12px;
	color: #224ea3;
	background: #f7f8fa
}

.video_other_btn a:hover {
	border: 1px solid #224ea3;
	color: #224ea3;
	background: #f7f8fa
}

/* ---video 样式 end---*/




@media only screen and (min-width: 768px) {
	.navbarBlack .a4:hover {
		background-color: none !important;
		margin-bottom: -1px;
		border-bottom: none;
		/* -webkit-animation-name: pulse;
		animation-name: pulse; */
		color: #00328e !important;
	}


}

/* 为了覆盖旧样式迫不得已加的 */
@media (min-width: 320px) and (max-width:460px) {
	.banner {
		height: 280px !important;
		background-position: 100% 50%;
	}
}

/* 为了覆盖旧样式迫不得已加的 结束 */
@media only screen and (max-width: 768px) {

	.swiper-button-next,
	.swiper-button-prev {
		display: none;
	}

	.pagebox_PD {
		margin-right: -15px;
		margin-left: -15px;
	}

	.about-color .h_t1 {
		line-height: 30px;
	}

	/* .banner-about {
		background-image: url(/images/test/banner_aboutm.jpg) !important;
	}

	.banner-tec {
		background-image: url(/images/test/banner_tecm.jpg) !important;
	}

	.banner-reimburse {
		background-image: url(/images/reimburse/bannerm.jpg) !important;
	} */

	.footer-des {
		font-size: 11px !important;
	}

	.font-color {
		color: #ffffff !important;
	}

	/* .banner-m {
		background-image: url(/images/test/banner_index3m.jpg);
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: 100% 50%;
	} */

	.number-w {
		box-shadow: 0px 0px 30px #35619c15;
		-moz-box-shadow: 0px 0px 30px #35619c15;
		-webkit-box-shadow: 0px 0px 30px #35619c15;
		background-color: #ffffff;
		padding: 20px 40px 30px 40px;
		margin-top: 40px;
		border-bottom: 2px solid #5394f7;
	}

	.number-t1 {
		text-align: center;
		color: #00328e;
		font-size: 30px;
		font-weight: bold;
	}

	.number-t2 {
		text-align: center;
		color: #00328e;
		font-size: 18px;
		line-height: 18px;
	}

	.about-sectitle {
		text-align: justify;
		font-size: 12px;
		line-height: 16px;
	}

	.menu .nav .a4:hover {
		color: #2871d5 !important;
	}

	.difficulty-title .t3 {
		font-size: 14px;
	}

	.site-title {
		padding-top: 0px;
		font-size: 14px;
		color: #333333;
	}

	.site-sec {
		font-size: 11px;
		color: #999999;
		line-height: 18px;
		padding-top: 8px;
		padding-bottom: 0;
		padding-right: 0;
	}

	.navbar-brand .mbDisplay {
		display: block;
	}

	.value-box {
		text-align: center;
		overflow: hidden;
		margin-top: 20px;
		border-radius: 10px;
		padding: 16px;
		/* background-color: #002578; */
		background-color: #ffffff;
		box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
		-moz-box-shadow: 0px 2px 24px rgba(48, 92, 218, .08);
		-webkit-box-shadow: 0px 2px 24px rgb(48 92 218 / 8%);
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.casepage_listBox ul li {
		list-style: none;
		font-size: 10px;
		line-height: 14px;
		color: #666;
		line-height: 20px;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.case-sectionBox {
		padding: 0 30px;
	}

	.case-sectionDes {
		color: #7a7a7a;
		width: 100%;
		font-size: 12px;
		line-height: 1.8em;
		text-align: justify;
	}

	.case2-line {
		height: 1px;
		background-color: #c3d8f1;
		margin-bottom: 0px;
	}

	.pagetitle {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	#content .case_banner {
		width: 100%;
		overflow: hidden;
		background-image: url(../images/test/banner_casem.png) !important;
		background-size: cover;
		background-position: 66% 50%;
		background-repeat: no-repeat;
		background-color: #ffffff;
		position: relative;
		height: 500px;
	}

	.active_a1 {
		color: #ffffff !important;
		border-bottom: none;
		margin-bottom: -1px;
	}

	.project-content {
		margin-top: 10%;
		margin-bottom: 20px;
	}

	.bannerbtn_t1 {
		width: 96px;
		min-height: 1px;
		line-height: 36px;
		text-align: center;
		color: #ffffff;
		float: left;
		margin-right: 10px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-ms-border-radius: 6px;
		-o-border-radius: 6px;
		background-image: linear-gradient(to right, rgba(18, 78, 189, 1), rgba(55, 181, 21, 1));
	}

	.bannerbtn_t1:hover {
		color: #ffffff;
	}

	.carousel-content {
		margin-bottom: 20px;
		margin-top: 14%;
	}

	.container .navbarFix {
		position: fixed;
		background: #fff;
		top: 70px;
	}

	.navbarBlack .navbar-nav>li>a {
		color: #5d74a0 !important;
		font-size: 13px;
	}

	#content .s_banner {
		width: 100%;
		height: 170px;
		background-color: #121a4a;
		position: relative;
		background-image: none;
	}

	.overflowV {
		overflow: visible !important;
	}

	#tab_one,
	#tab_two,
	#tab_three,
	#tab_four,
	#tab_five,
	#tab_six,
	#tab_seven {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 30px !important;
	}

	.banner_padding {
		padding-top: 20px;
	}

	.pcDisplay {
		display: none;
	}

	.mobile_dispare {
		display: block;
	}

	.value-box .pcDisplay {
		display: none;
	}

	.navbar-brand .pcDisplay {
		display: none;
	}

	.nav .pcDisplay {
		display: none;
	}

	.nav .mbDisplay {
		display: block;
	}

	.mbDisplay {
		display: block;
	}

	.value-box .mbDisplay {
		display: block;
	}

	#navbar {
		display: none;
	}

	#button2 {
		display: none;
	}

	#phonebutton {
		display: block;
	}

	.pcbutton {
		display: none;
	}

	.pagecontent {
		position: relative;
		width: 100%;
		height: 440px;
		background: url(/images/test/bg_lineimg.jpg) left center;
		background-repeat: repeat-y;
		background-size: 200% 100%;
		padding-bottom: 30px;
	}

	.structure {
		margin-top: 20px;
		text-align: center;
		width: 100%;
		padding: 20px;
		margin-bottom: 0px;
	}

	.structure-img {
		text-align: center;
		width: 100%;
		border-radius: 6px;
		padding: 0px;
		background-color: #ffffff;
		box-shadow: 0px 0px 10px rgb(69 128 225 / 15%);
		-moz-box-shadow: 0px 0px 10px rgba(69, 128, 225, .15);
		-webkit-box-shadow: 0px 0px 10px rgb(69 128 225 / 15%);
	}

	.pagemain3 {
		width: 100%;
		min-height: 1px;
		overflow: hidden;
		padding: 40px 0px 0px 0px;
	}

	.pagetbox-title {
		font-size: 18px;
		line-height: 23px;
		color: #00328e;
		margin-bottom: 8px;
		font-weight: bold;
		text-align: center;
	}

	.pagetbox-desc2 {
		font-size: 10px;
		line-height: 15px;
	}

	.pagetbox-subtitle {
		text-align: center;
		font-size: 10px;
		line-height: 15px;
		color: #000000;
	}

	.solutions_element-maindesc {
		width: 80%;
		margin: 0 auto;
	}

	.solutions_element-maindesc ul li {
		font-size: 12px;
		line-height: 15px;
		color: #666666;
	}

	.title_cterbox {
		width: 100%;
		min-height: 1px;
		margin-top: 30px;
		margin-bottom: 10px;
	}

	.sectitle {
		/* border-top: 1px solid #dddddd; */
		/* margin: 0 auto; */
		width: 100%;
		text-align: center !important;
		color: #999999;
		font-size: 12px;
		margin: 0 auto;
		padding-bottom: 30px;
		padding-top: 0px;
	}

	.qyc-img {
		border-radius: 10px;
		padding: 10px;
		/* background-color: #002578; */
		background-color: #f0f4f9;
		box-shadow: 0px 2px 10px rgb(48 92 218 / 4%);
		-moz-box-shadow: 0px 2px 10px rgba(48, 92, 218, .04);
		-webkit-box-shadow: 0px 2px 10px rgb(48 92 218 / 4%);
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.pg2 .sectitle {
		width: 100%;
		text-align: center;
		color: #777777;
		font-size: 12px;
		padding-top: 0px;
	}

	.pg-difficulty .sectitle {
		width: 100%;
		text-align: center;
		color: #5f749b !important;
		font-size: 12px;
		padding-top: 0px;
	}

	.sectitle {
		font-size: 10px !important;
	}

	.abouts_mechanism2 {
		display: none;
	}

	.row .count-title {
		color: #333333;
		font-size: 28px !important;
		font-weight: normal;
		margin-bottom: 0;
		text-align: center;
	}

	.row .count-text {
		font-size: 12px;
		margin-top: 0px;
		text-align: center;
	}

	.row .counter {
		padding-top: 10px;
	}

	.row .counter img {
		width: 24px;
		height: 24px;
	}

	/*
	.bmNumber 
	.bmNumber{
		padding-left: 14px;
		float: left;
	} */
	.solutions_element-maintitle {
		font-size: 16px;
		font-weight: bold;
		color: #333333;
		margin-bottom: 0px;
		line-height: 16px;
	}

	/* .mbDisplay .counter {
		background-color: #ffffff;
	padding-left: 15px;
		border-radius: 5px;
		text-align: left;
	}
	.mbDisplay .counter img{
		width: 16px;
		height: 16px;
		float: left;
	} */
	#NationalSite {
		width: auto;
		margin-top: 17px;
		margin-bottom: 50px;
	}

	.gallery-thumbs .swiper-slide {
		width: auto !important;
		height: 100%;
		opacity: 1;
		cursor: pointer;
		padding: 0px 10px;
		font-size: 12px;
		margin-right: 5px !important;
		margin-top: 0px !important;
		line-height: 30px;
		text-align: center;
		background: #eaeff6;
		border-radius: 4px;
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.pageelement-s1-line {
		display: none;
	}

	.solutions_element-img {
		padding-top: 0px !important;
		margin: 0 auto;
		margin-top: -10px;
		width: 80%;

	}

	.solutions_element-img img {
		width: 100%;
	}

	.solutions_element-maindesc ul {
		max-width: 2000px;
		list-style-type: none;
		padding-left: 0px;
	}

	.casepage_list_name {
		padding: 20px 12px 0px 0px;
		margin-left: 26px;
	}

	.casepage_list_icon img {
		width: 20px;
		margin-top: 19px;
	}

	.video_border {
		margin: 24px 0px 30px;
	}

	.pg5_Rspacing {
		padding: 20px 20px 30px 20px;
	}

	.pg5_Rtitle {
		white-space: nowrap;
		width: 100%;
		min-height: 1px;
		padding-bottom: 12px;
		font-size: 18px;
		color: #333;
		border-bottom: 1px solid rgb(227, 233, 241);
	}

	.trade-basic .pd4 {
		padding: 0 1px;
	}

	.trade-basic-line2 {
		height: 50px;
		line-height: 50px;
		font-size: 10px;
		color: #fff;
		background: #27468b;
		/* border: 1px solid #F8F8F8; */
		border-radius: 3px;
		text-align: center;
		margin-bottom: 4px;
	}

	.mb2 {
		margin-bottom: 2px;
	}

	.trade-basic {
		width: 92%;
		margin: 0 auto;
	}

	.solutions_element-main {
		padding-top: 88px;
		width: 80%;
		margin: 0 auto;
	}

	.img_state {
		margin-top: 20px;
		-webkit-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.h_box .navbar-brand {
		width: 100px;
		padding: 10px 0 0 15px !important;
	}

	.bannertitle-t1 i {
		display: none;
	}

	.case_pg1,
	.case_pg2,
	.case_pg3 {
		padding-bottom: 30px !important;
	}

	.value-img {
		padding: 0px 60px;
		width: 100%;
		text-align: center;
	}

	.value-title {
		width: auto;
		padding: 10px 0px 10px 10px;
		text-align: left;
		color: #1a2d4b;
		font-size: 15px;
		background-color: #ffffff;
	}

	.value-title2 {
		width: auto;
		padding: 10px 0px 10px 10px;
		text-align: left;
		color: #1a2d4b;
		font-size: 15px;
		background-color: #ffffff;
	}

	.value-icon1:after {
		content: '';
		position: absolute;
		bottom: 3px;
		left: 15px;
		width: 16px;
		height: 16px;
		background-image: url(../images/test/value-icon1.png);
		margin-left: -14px;
	}

	.value-icon2:after {
		content: '';
		position: absolute;
		bottom: 3px;
		left: 15px;
		width: 16px;
		height: 16px;
		background-image: url(../images/test/value-icon2.png);
		margin-left: -14px;
	}

	.value-icon3:after {
		content: '';
		position: absolute;
		bottom: 3px;
		left: 15px;
		width: 16px;
		height: 16px;
		background-image: url(../images/test/value-icon1.png);
		margin-left: -14px;
	}

	.value-icon1 {
		padding-left: 24px;
		position: relative;
	}

	.value-icon2 {
		padding-left: 24px;
		position: relative;
	}

	.value-icon3 {
		padding-left: 24px;
		position: relative;
	}

	.value-title2 .t2 {
		padding-top: 6px;
		font-size: 12px;
		line-height: 18px;
		text-align: left;
		color: #878e99;
	}

	.difficulty-title {
		padding: 10px 20px 20px 20px;
		text-align: left;
		color: #1a2d4b;
		font-size: 15px;
		background: none;
	}

	.difficulty-title .t2 {
		padding-top: 10px;
	}

	.abouts_region {
		text-align: left !important;
	}

	.abouts_city {
		text-align: left !important;
	}

	.difficulty-img {
		display: none;
		padding: 0px 50px 0px 50px;
	}

	.difficulty-img img {
		max-width: 80%;
	}

	.bgcolor-submit {
		background: #ffffff;
		padding: 40px 0px 60px;
	}

	.pagetbox-title l {
		display: block;
	}

	.pagetbox-title i {
		display: none;
	}

	.pagetbox-desc-m {
		display: block;
		color: #999;
		font-size: 12px;
		margin: 10px 15px;
	}

	.bannertitle-t3 {
		display: none !important;
	}

	.bannertitle .bannertitle-t1 {
		color: #ffffff;
		font-size: 22px;
		line-height: 20px;
	}

	.banner-img {
		width: 90%;
		position: absolute;
		right: -21%;
		bottom: -36%;
	}

	.banner-img3 {
		width: 90%;
		position: absolute;
		right: -21%;
		bottom: -36%;
	}

	.banner-imgTec {
		width: 100% !important;
		position: absolute;
		right: -21%;
		bottom: -24% !important;
	}

	.invoice_element-main3 {
		padding-right: 10%;
		padding-top: 4%;
	}

	.banner-img-invoice {
		width: 36%;
		position: absolute;
		right: 20px;
		bottom: -11%;
	}

	.banner-img-cost {
		width: 47%;
		position: absolute;
		right: 0px;
		bottom: -9%;
	}

	.bannertitle .bannertitle-t2 {
		font-size: 12px;
		color: #FFF;
		line-height: 36px;
		/* margin-top: 14px; */
	}

	.bannertitle .bannertitle-t10 {
		font-size: 20px;
		color: #FFF;
		font-weight: bold;
		line-height: 26px;
		margin-bottom: 14px;
	}

	.invoice-point {
		text-align: center;
		width: 100%;
		display: block;
		background: none;
		box-shadow: none;
		border-radius: 0px;
		margin: 0;
		padding: 2px 0px;
		font-size: 10px;
		letter-spacing: 1px;
		color: #2b3466;

	}

	.invoice-pointBox {
		max-width: 300px;
		padding: 6px 0;
		border-radius: 6px;
		background-color: #ffffff;
		margin: 12px auto;
		box-shadow: 0px 2px 10px rgb(48 92 218 / 10%);
		-moz-box-shadow: 0px 2px 10px rgba(48, 92, 218, .10);
		-webkit-box-shadow: 0px 2px 10px rgb(48 92 218 / 10%);
	}

	.invoice-content {
		padding: 30px 30px;
		border-bottom: 1px solid #c3d8f1;
	}

	.invoice_element-t1 {
		font-size: 18px;
		font-weight: bold;
		color: #00328e;
		line-height: 20px;
		margin-bottom: 4px;
	}

	.invoice_element-t2 {
		font-size: 16px;
		color: #00328e;
		line-height: 18px;
		padding-bottom: 4px;
	}

	.invoice_element-maindesc ul li {
		font-size: 12px;
		line-height: 18px;
		color: #666666;
	}

	.invoice_element-main {
		padding: 0;
	}

	.invoice_element-main2 {
		padding: 0;

	}

	.invoice_element-maindesc {
		width: 100%;
		margin-bottom: 26px;
		margin-top: 20px;
	}

	.input_box .input {
		width: 100%;
		height: 48px;
		border: 1px solid #e5e5e5;
		border-radius: 4px;
		text-indent: 12px;
		background: #fff;
		color: rgb(31, 31, 31);
		outline: none;
		box-shadow: none;
		-webkit-appearance: none;
	}

	.input_box {
		position: relative;
		width: 100%;
		margin: 0px 0px 15px;
	}

	.input_box a {
		position: absolute;
		right: 0;
		top: 0;
		color: #02509e;
		display: block;
		height: 48px;
		line-height: 48px;
		border-left: 1px solid #e5e5e5;
	}

	.submit {
		margin: 0px;
		display: block;
		height: 48px;
		background-color: #257ae3;
		color: #ffffff !important;
		font-size: 12px;
		text-align: center;
		line-height: 48px;
		border-radius: 6px;
	}

	.submit_button {
		width: 100%;
		margin-top: 0px;
	}
	.site-box {
		padding: 20px 20px;
		margin-bottom: 12px;
}
	
	#ptelnum::-webkit-input-placeholder {
		/* Edge */
		color: #666666;
		opacity: 0.8;
	}

	#ptelnum::-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #666666;
		opacity: 0.8;
	}

	#ptelnum::placeholder {
		color: #666666;
		opacity: 0.8;
	}

	#name::-webkit-input-placeholder {
		/* Edge */
		color: #666666;
		opacity: 0.8;
	}

	#name::-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #666666;
		opacity: 0.8;
	}

	#name::placeholder {
		color: #666666;
		opacity: 0.8;
	}


	#company::-webkit-input-placeholder {
		/* Edge */
		/* color: #d1dbf6; */
		color: #666666;
		opacity: 0.8;
	}

	#company::-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #666666;
		opacity: 0.8;
	}

	#company::placeholder {
		color: #666666;
		opacity: 0.8;
	}

	#mobile::-webkit-input-placeholder {
		/* Edge */
		color: #666666;
		opacity: 0.8;
	}

	#mobile::-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #666666;
		opacity: 0.8;
	}

	#mobile::placeholder {
		color: #666666;
		opacity: 0.8;
	}

	#code::-webkit-input-placeholder {
		/* Edge */
		color: #666666;
		opacity: 0.8;
	}

	#code::-ms-input-placeholder {
		/* Internet Explorer 10-11 */
		color: #666666;
		opacity: 0.8;
	}

	#code::placeholder {
		color: #666666;
	}
	.video_bg {
		background-color: #fff;
	}
}

@media (min-width: 320px) and (max-width:767px) {
	.invoice-box-icon {
		height: 130px;
		margin: 30px 0px 0px;
	}

	.invoice-title {
		padding: 10px;
		font-size: 14px;
	}

	.invoice-img-icon {
		padding: 0px 0px 0px 0px;
	}

	.img-icon {
		width: 50px;
	}

	.invoice-title .t3 {
		font-size: 11px;
		line-height: 16px;
	}

	.h_t {
		font-size: 1.4em !important;
	}

	.h_t_aid {
		font-size: .8em !important;
	}

	.country-bgc {
		background-color: #ededed;
		padding: 12px 0 48px 0 !important;
	}

	.s_Application {
		background: #fff;
		min-height: 1px;
		padding-bottom: 60px !important;
	}

	.sub-carousel-content {
		margin-top: 14% !important;
	}

	.headlogoline {
		margin: 12px 4px 0px 8px;
	}

	.caselist-text {
		display: none;
	}

	.caselist-text2 {
		display: none;
	}

	.boxtype_case_mobile {
		padding: 0;
		margin-bottom: 20px;
	}

	.caselist-tbox img {
		height: 60px;
		padding: 4px 10px;
	}

	.caselist-ico {
		padding: 0;
		margin: 10px 0px;
		text-align: center;
	}

	.caselist-name {
		text-align: center;
		font-size: 14px;
		font-weight: normal;
	}

	.boxtype2 {
		padding: 20px 20px 0px;
		margin-bottom: 20px;
		min-height: 220px;
	}

	.caseapp-text {
		display: none;
	}

	.pagetitle_t1 {
		font-size: 20px;
		line-height: 32px;
	}

	.pagetitle {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.fapiao_box {
		background: #fff;
		padding: 5px;
		margin: 10px;
		border-radius: 6px;
		border: none;
	}

	.open_img_box2 {
		width: 100%;
		margin: 0 auto;
	}

	.flexRow>div {
		margin-bottom: 12px;
		padding-right: 10px;
		padding-left: 10px;
	}

	.mobile-value {
		padding: 36px 10px 0px;
	}

	.mobile-value-box {
		height: 100%;
		padding: 20px 0;
		margin-bottom: 12px;
	}

	.mobile-value-title {
		font-size: 12px;
		line-height: 18px;
		margin-bottom: 12px;
		margin-top: 12px;
	}

	.mobile-value-desc {
		width: 90%;
	}

	.mobile-value-more {
		display: none;
	}
}

@media (min-width: 768px) and (max-width:991px) {
	.listbtnPublic a {
		width: 48px !important;
		height: auto !important;
	}

	.bannertitle-t4 {
		display: none !important;
	}

	/* #content .s_banner{
		width: 100%; 
		height: 170px;
		background-color:#121a4a;
		position:relative;
		background-image: none;
	} */
	.navbar-nav i {
		font-style: normal;
		display: none;
	}

	.s_Application {
		background: #fff;
		min-height: 1px;
		padding-bottom: 60px !important;
	}

	.carousel-content {
		margin-top: 14%;
	}

	.project-content {
		margin-top: 7%;
	}

	.bannertitle-t1 {
		font-size: 28px;
		line-height: 48px;
	}

	.bannertitle-t2 {
		font-size: 16px;
		line-height: 24px;
	}

	.bannertitle-t3 {
		display: none;
	}

	.banner-img {
		width: 80%;
		position: absolute;
		right: -25%;
		bottom: -24%;
	}

	.banner-img3 {
		width: 80%;
		position: absolute;
		right: -25%;
		bottom: -52%;
	}

	.banner-img-invoice {
		width: 36%;
		position: absolute;
		right: 20px;
		bottom: -40%;
	}

	.banner-img-cost {
		width: 36%;
		position: absolute;
		right: -4%;
		bottom: -30%;
	}

	.pagemain2 {
		padding: 36px 0px 44px;
	}

	.bannertitle-t1 {
		font-size: 28px;
		line-height: 48px;
	}

	.bannertitle-t2 {
		font-size: 16px;
		line-height: 24px;
	}

	.bannertitle-t3 {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 10px;
	}
}

@media (min-width: 992px) and (max-width:1200px) {

	.swiper-button-prev,
	.swiper-button-next {
		display: none !important;
	}
	.lc-video-box .rightbox .desc {
		width: 100%;
		font-size: 12px;
		line-height: 20px;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box !important;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
	}
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) and (max-width: 1440px) {
	.container {
			width: 1170px!important;
	}
}

@media (min-width: 992px) and (max-width:1369px) {
	.moreBtn a {
    height: 36px;
    line-height: 36px;
    padding: 0 28px;
  }
	.about-img .aboutqyc {
		width: 100%;
		max-width: 800px;
	}

	.invoice-box-icon {
		height: 200px;
		margin: 40px 0px 70px;
	}

	.invoice-title .t3 {
		font-size: 12px;
	}

	.invoice-img-icon {
		padding: 5px 0px 5px 0px;
	}

	.img-icon {
		width: 70px;
	}

	.invoice-title {
		padding: 20px 20px 0px 20px;
		font-size: 16px;
	}

	.swiper-button-prev {
		width: 30px;
		height: 30px;
	}

	.swiper-button-next {
		width: 30px;
		height: 30px;
	}

	/* .caselist-text {
		-webkit-line-clamp: 10;
		font-size: 12px;
		line-height: 20px;
	} */
	.caselist-name {
		font-size: 12px;
	}

	.site-sec {
		font-size: 12px;
		color: #999999;
		line-height: 24px;
		padding-top: 14px;
		padding-bottom: 20px;
		padding-right: 20%;
	}

	.site-title {
		padding-top: 10px;
		font-size: 16px;
		color: #333333;
	}

	.bannertitle-t4 {
		display: none !important;
	}


	.difficulty-title {
		padding: 20px 20px 40px 20px;
		text-align: left;
		color: #00328e;
		font-size: 18px;
	}

	.navbar-nav i {
		font-style: normal;
		display: none;
	}

	.trade-basic-line2 {
		height: 56px;
		line-height: 56px;
		font-size: 14px;
	}

	.banner-img {
		width: 70%;
		position: absolute;
		right: -15%;
		bottom: -24%;
	}

	.banner-img3 {
		width: 70%;
		position: absolute;
		right: -15%;
		bottom: -42%;
	}

	.banner-img-invoice {
		width: 37%;
		position: absolute;
		right: 30px;
		bottom: -70%;
	}

	.banner-img-cost {
		width: 48%;
		position: absolute;
		right: -9%;
		bottom: -39%;
	}

	.bannertitle-t1 {
		font-size: 28px;
		line-height: 48px;
	}

	.bannertitle-t2 {
		font-size: 16px;
		line-height: 24px;
	}

	.bannertitle-t3 {
		font-size: 12px;
		line-height: 16px;
		margin-bottom: 10px;
	}

	.carousel-content {
		margin-top: 60px;
	}

	.project-content {
		margin-top: 80px;
	}

	.s_Application {
		background: #fff;
		min-height: 1px;
		padding-bottom: 60px !important;
	}

	.banner {
		width: 100%;
		height: 400px !important;
		/* background-size: 100% 100%; */
	}

	#content .case_banner {
		width: 100%;
		overflow: hidden;
		background-image: url(../images/test/banner_case.png) !important;
		background-repeat: no-repeat;
		background-color: #ffffff;
		position: relative;
		height: 400px;
	}

	#content .s_banner,
	.c_banner {
		width: 100%;
		height: 400px;
	}

	.solutions_element-img img {
		width: 80%;
	}

	.title_cterbox {
		width: 100%;
		min-height: 1px;
		margin-top: 60px;
		margin-bottom: 10px;
	}

	.pg5_Rtitle {
		font-size: 16px;
		padding-bottom: 10px;
	}

	.pg5_Rtext span {
		font-size: 12px;
	}

	.video_border {
		margin: 30px 0px 100px;
	}

	.pg5_Rspacing {
		padding: 30px 40px 20px 10px;
	}

	.pg5_Rspacing p {
		display: none;
	}

	.pg5_Rtext {
		padding-top: 6px;
	}

	.homeCase-logo img {
		background-color: #ffffff;
		border: 1px solid #f2f5fa;
		border-radius: 4%;
		/* max-height: 60px; */
		width: 31%;
		padding: 12px 3px;
	}

	.pagemain2 {
		width: 100%;
		min-height: 1px;
		overflow: hidden;
		padding: 36px 0px 44px 0px;
	}

	.XC_solutions_text_title {
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 5px;
	}

	.open_img_box2 {
		width: 100%;
		margin-top: 10px;
	}

	.structure {
		width: 80%;
	}

	.pagetbox-title {
		font-size: 26px;
	}

	.mobile-value-title {
		font-size: 14px;
		line-height: 20px;
		margin-bottom: 20px;
		margin-top: 12px;
	}

	.mobile-value-desc {
		width: 72%;
	}
	.lc-video-box .rightbox {
		padding: 24px 30px;
		padding-left: 0px;
	}
	.lc-video-box .rightbox .title {
			font-size: 20px;
			line-height: 26px;
	}
	.lc-video-box .rightbox .desc {
			width: 100%;
			font-size: 12px;
			line-height: 20px;
	}
	.lc-video-box .rightbox a {
			margin-top: 20px;
			width: 100px;
			line-height: 32px;
	}
}

@media (min-width: 1370px) and (max-width: 1599px) {
	.about-img .aboutqyc {
		width: 100%;
		max-width: 900px;
	}

	.invoice-box-icon {
		margin: 50px 0px 70px;
	}

	.swiper-button-prev {
		width: 35px;
		height: 35px;
	}

	.swiper-button-next {
		width: 35px;
		height: 35px;
	}

	.caselist-name {
		font-size: 14px;
	}

	.navbar-nav i {
		font-style: normal;
		display: none;
	}

	.trade-basic-line2 {
		height: 60px;
		line-height: 60px;
		font-size: 15px;
	}

	/* .caselist-text {
		-webkit-line-clamp: 8;
		font-size: 12px;
		line-height: 20px;
	} */
	.carousel-content {
		margin-top: 100px;
	}

	.bannertitle-t1 {
		font-size: 36px;
		line-height: 58px;
	}

	.bannertitle-t2 {
		font-size: 18px;
		line-height: 26px;
	}

	.bannertitle-t3 {
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 10px;
	}

	.secondtitle-t1 {
		font-size: 32px;
		color: #FFF;
		line-height: 52px;
	}

	.banner {
		width: 100%;
		height: 500px;
	}
	.moreBtn a {
    height: 40px;
    line-height: 40px;
    padding: 0 32px;
  }
	#content .case_banner {
		width: 100%;
		overflow: hidden;
		background-image: url(../images/test/banner_case.png) !important;
		background-repeat: no-repeat;
		background-color: #ffffff;
		position: relative;
		height: 500px;
	}

	#content .s_banner,
	.c_banner {
		width: 100%;
		height: 500px;
	}

	.banner-img {
		width: 900px;
		position: absolute;
		right: -18%;
		bottom: -34%;
	}

	.banner-img3 {
		width: 900px;
		position: absolute;
		right: -17%;
		bottom: -48%;
	}

	.banner-img-invoice {
		width: 500px;
		position: absolute;
		right: 50px;
		bottom: -71%;
	}

	.banner-img-cost {
		width: 600px;
		position: absolute;
		right: -9%;
		bottom: -50%;
	}

	.casepage_listBox ul li {
		font-size: 12px;
	}

	.solutions_element-img img {
		width: 80%;
	}

	.title_cterbox {
		width: 100%;
		min-height: 1px;
		margin-top: 60px;
		margin-bottom: 10px;
	}

	.video_border {
		margin: 30px 40px 100px;
	}

	.pg5_Rspacing {
		padding: 40px 40px 20px 10px;
	}

	.pg5_Rtitle {
		font-size: 20px;
	}

	.pg5_Rtext span {
		font-size: 12px;
	}

	.homeCase-logo img {
		background-color: #ffffff;
		border: 1px solid #f2f5fa;
		border-radius: 4%;
		/* max-height: 60px; */
		width: 31%;
		padding: 16px 6px;
	}

	.pagemain2 {
		width: 100%;
		min-height: 1px;
		overflow: hidden;
		padding: 36px 0px 44px 0px;
	}

	.XC_solutions_textR {
		text-align: right;
		margin-left: 5%;
		margin-top: 5%;
	}

	.XC_solutions_textL {
		text-align: left;
		margin-left: 5%;
		margin-top: 5%;
	}

	.XC_solutions_text_title {
		font-size: 16px;
		margin-bottom: 5px;
	}
	.lc-video-box .rightbox {
		padding: 24px 30px;
		padding-left: 12px;
	}
	.lc-video-box .rightbox .title {
			font-size: 20px;
			line-height: 26px;
	}
	.lc-video-box .rightbox .desc {
			width: 90%;
			font-size: 12px;
			line-height: 20px;
			margin-top: 36px;
	}

}

@media (min-width: 1600px) and (max-width: 1900px) {
	.about-img .aboutqyc {
		width: 100%;
		max-width: 1000px;
	}

	.carousel-content {
		margin-top: 120px;
	}

	.bannertitle-t1 {
		font-size: 36px;
		line-height: 58px;
	}

	.bannertitle-t2 {
		font-size: 18px;
		line-height: 26px;
	}

	.bannertitle-t3 {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 10px;
	}

	.secondtitle-t1 {
		font-size: 32px;
		color: #FFF;
		line-height: 52px;
	}

	.banner {
		width: 100%;
		height: 560px;
	}

	#content .case_banner {
		width: 100%;
		overflow: hidden;
		background-image: url(../images/test/banner_case.png) !important;
		background-repeat: no-repeat;
		background-color: #ffffff;
		position: relative;
		height: 580px;
	}

	#content .s_banner,
	.c_banner {
		width: 100%;
		height: 500px;
	}

	.pg5_Rtitle {
		font-size: 20px;
	}

	.video_border {
		margin: 30px 90px 100px;
	}

	.pg5_Rspacing {
		padding: 40px 50px 40px 10px;
	}

	.homeCase-logo img {
		background-color: #ffffff;
		border: 1px solid #f2f5fa;
		border-radius: 4%;
		/* max-height: 60px; */
		width: 31%;
		padding: 16px 6px;
	}

	.banner-img-invoice {
		width: 500px;
		position: absolute;
		right: 50px;
		bottom: -77%;
	}

	.banner-img-cost {
		width: 600px;
		position: absolute;
		right: -2%;
		bottom: -50%;
	}

}

@media (min-width: 320px) and (max-width:767px) {
	

	.mobile_margin {
		margin-top: 40px;
	}

	.mobile_run {
		display: none !important;
	}


}

@media (min-width: 992px) and (max-width:1399px) {


	.video_leftbox .other_info .title {
		color: #333;
		font-size: 15px;
		font-weight: bold;
		line-height: 28px;
	}
}


@media (min-width: 1800px) {
	.mobile_img {
		width: 90%;
	}


	.XC_solutions_textR {
		margin-top: 15%;
		margin-left: 15%;
	}

	.XC_solutions_textL {
		margin-top: 15%;
		margin-right: 15%;
	}
	.lc-video-box .rightbox {
		padding: 50px 30px;
	}

}

@media (min-width: 2260px) {
	.container {
		width: 1400px;
	}
	.pagebox_PD,
	.home-structure,
	.structure,
	.technology-w {
		max-width: unset;
	}

}